<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="bootstrap-3.3.7-dist/bootstrap-3.3.7-dist/css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="css/new_file.css" />
		<script src="bootstrap-3.3.7-dist/bootstrap-3.3.7-dist/js/jquery-2.1.4.min.js"></script>
		<script src="bootstrap-3.3.7-dist/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
		<script src="js/new_file.js"></script>
	<style type="text/css">
		.warp{
			width:600px;
			margin: 0 auto;
		}
	img{
		width: 100%;
	}
	</style>
	</head>
	<body>
		<div class="warp">
			<!--轮播图的整体-->
			<div class="carousel slide" id="myCarousel">
				<!--data-ride="carouse" 页面加载时自动轮播，false为不轮播
				data-interval="1000"自动循环之间延迟的时间量
				data-pause="hover"鼠标进入时暂停轮播，离开继续轮播，false为没效果
				data-wrap="true" 轮播可以连续循环 ，false为不连续-->
				<!--轮播指标-->
				<ol class="carousel-indicators">
					<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
					<li data-target="#myCarousel" data-slide-to="1" ></li>
					<li data-target="#myCarousel" data-slide-to="2" ></li>
				</ol>
				<!--轮播图的目录-->
				<div class="carousel-indicators>
					<div class="item active">
						<img src="img/00fe041e1aea0b5cf2f8834f42598f78_9205335786866120664.jpg" />
						<div class="carousel-caption">虎门</div>
					</div>
				</div>
				<div class="carousel-inner">
					<div class="item">
						<img src="img/2d83f91589be8a71279785fb5936000a_1443601836943318584.jpg" />
						<div class="carousel-caption">战力</div>
					</div>
				</div>
				<div class="carousel-inner">
					<div class="item ">
						<img src="img/45B086C302156FFD4A815DC083CBAED7.jpg" />
						<div class="carousel-caption">魔力</div>
					</div>
				</div>
				<!--轮播导航-->
				<a href="#myCarousel" class="carousel-control left" data-slide="prev">&lsaquo;</a>
				<a href="#myCarousel" class="carousel-control right" data-slide="next">&rsaquo;</a>
			</div>
		
		</div>
	</body>
</html>
